JavaScript的舊寫法，被稱為麵條式寫法，是隨者開發者的邏輯思考，想到什麼就寫什麼，沒有明確的規劃，因此會出現資料和畫面綁在一起的狀況，不僅難以閱讀，也不好管理與維護。
被稱為關注點分離式寫法，將資料、畫面分開，在處理程式碼時，先處理資料，畫面則另外處理，將資料處理與畫面的繪製行為拆離，遵循MVVM的方式撰寫，使程式碼容易閱讀，且也好管理與維護，也是Vue、React、Angular這些主流框架使用的開發方式。
關注點分離，最主要遵循三個要點（尤其第一點為最）：
這三點中，第一點是整個關注點分離的中心主旨，尤其需要注意。
View，又稱為視圖，為畫面顯示的部分，會做畫面渲染的行為，而其他兩個部分都不用做渲染的動作。
ViewModel，資料繫結器，也就是縮寫中的VM部分，資料與畫面的更新，都需要透過資料繫結器來處理。
Model，資料狀態，資料處理的地方。
iThome鐵人賽
看影片追技術